CSS Modules
コンポーネントごとにCSSファイルを記述して、JavaScriptにインポートする
初出?: 2015-08-19?
たぶん初出
実装するときのイメージ
code:tree
components/
submit-button.css
submit-button.js
code:css
.normal { /* all styles for Normal */ }
code:js
import styles from './submit-button.css';
buttonElem.outerHTML = <button class=${styles.normal}>Submit</button>
生成されるHTML
code:html
<button class="components_submit_button__normal__abc5436">
Processing...
</button>
クラス名
{dirname}_{filename}__{classname}__{hash}
参考